<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        h1{
            text-align: center;
        }
        body{
            background-color: palevioletred;
        }
        li{
            height: 36px;
            width: 100px;
            background-color: green;
        }
        img{
            border: 1px solid black;
        }
        #red{
            color: red;
        }
        #d1{
            background-color: blue;
        }
        h1{
            color: gray;
        }
        #top{
            border: 1px solid palevioletred;
        }
        .fs{
            font-size: 40px;
            font-family: "仿宋";
            color: yellow;
        }
        .right{
            text-align: right;
        }
        #ccc{
            border:2px solid orange;
        }
        h2>a{
            font-size: 36px;
        }
        ul li a{
            font-size: 20px;
            background-color: dodgerblue;
        }
    </style>
</head>
<body>
   <div>
    <img src="./fd-logo.png" alt="" id="top">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">学院概况</a></li>
        <li id="d1"><a href="#">新闻中心</a></li>
        <li><a href="#">机构设置</a></li>
        <li><a href="#" id="red">招生就业</a></li>
        <li><a href="#">学工在线</a></li>
    </ul>
   </div>
   <hr>
   <h1 class="fs right">学院新闻</h1>
   <h2 class="fs right">NEWS</h2>
   <div>
   <img src="./p1.png" alt="">
   <img src="./p2.png" alt="" id="ccc">
   <img src="./p1.png" alt="">
   <img src="./p2.png" alt="" id="ccc">
   </div>
   <h1 id="red">图片新闻</h1>
   <h1 class="fs">系统动态</h1>
   <h2><a href="#">车辆工程系召开2024级新生入学教育专业介绍会</a></h2>
   <h2><a href="#">水利与土木建筑工程系开展“复兴中华路，先烈永不忘”烈士纪念日主题团日活动</a></h2>
   <h2><a href="./text.html" target="_blank">水利与土木建筑工程系开展“珍爱生命 远离毒品”主题活动</a></h2>

</body>
</html>